<template>
    <view class="container">
        <view class="header">
            <text class="title">隐私政策</text>
            <text class="subtitle">最后更新时间：2024年1月1日</text>
        </view>

        <scroll-view scroll-y class="privacy-content">
            <view class="section">
                <text class="section-title">1. 信息收集</text>
                <text class="section-text">
                    我们仅收集必要的个人信息，包括微信昵称和头像，用于提供个性化服务。
                </text>
            </view>

            <view class="section">
                <text class="section-title">2. 信息使用</text>
                <text class="section-text">
                    收集的信息将用于：
                    - 提供心情记录服务
                    - 改进用户体验
                    - 个性化推荐
                </text>
            </view>

            <view class="section">
                <text class="section-title">3. 信息保护</text>
                <text class="section-text">
                    我们采用行业标准的安全技术保护您的个人信息，防止未经授权的访问、披露、更改或销毁。
                </text>
            </view>

            <view class="section">
                <text class="section-title">4. 信息共享</text>
                <text class="section-text">
                    我们不会将您的个人信息出售、交易或租赁给第三方。
                </text>
            </view>

            <view class="section">
                <text class="section-title">5. 用户权利</text>
                <text class="section-text">
                    您可以随时查看、更新或删除您的个人信息。如需帮助，请联系我们的客服。
                </text>
            </view>
        </scroll-view>

        <view class="actions">
            <button class="agree-btn" @tap="agreePrivacy">我已阅读并同意</button>
        </view>
    </view>
</template>

<script>
export default {
    methods: {
        agreePrivacy() {
            uni.navigateBack();
        }
    }
}
</script>

<style scoped>
.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #F8F8F8;
    padding: 20rpx;
}

.header {
    text-align: center;
    margin-bottom: 40rpx;
}

.title {
    font-size: 40rpx;
    font-weight: bold;
    color: #333;
    display: block;
}

.subtitle {
    font-size: 24rpx;
    color: #666;
    display: block;
    margin-top: 10rpx;
}

.privacy-content {
    flex: 1;
    background-color: white;
    border-radius: 10rpx;
    padding: 20rpx;
    margin-bottom: 20rpx;
}

.section {
    margin-bottom: 30rpx;
}

.section-title {
    font-size: 32rpx;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 10rpx;
}

.section-text {
    font-size: 28rpx;
    color: #666;
    line-height: 1.6;
}

.actions {
    padding: 20rpx 0;
}

.agree-btn {
    background-color: #3cc51f;
    color: white;
    border: none;
    border-radius: 10rpx;
}
</style> 